草庐IT

Bootstrap5 表单

全部标签

javascript - Safari 保存的密码覆盖表单中的自动完成 ="off"

我已经对这个问题进行了大量研究,但我似乎找不到任何可以解决我的问题的方法。我在我的表单标签和所有输入标签上设置了autocomplete="off",但Safari继续在页面加载时将自动保存的密码输入到我的表单中,这导致表单上出现意外的keydown事件在我的JavaScript中。有什么想法吗?我尝试了各种技巧,例如完全从代码中删除这些输入字段,然后在几秒钟后使用javascript和setTimeout将它们插入页面,但即使在那之后Safari仍然将其保存的密码扔到我的输入中.我还尝试在我的和标签中使用autocorrect="off"和autocapitalize="off"属性

javascript - 使用表单输入设置 cookie

我正在尝试使用用户对网络表单的输入来制作用户名cookie。但是它不起作用,我不知道为什么。你知道问题出在哪里吗?vartoday=newDate();varexpiry=newDate(today.getTime()+30*24*3600*1000);//plus30daysfunctionsetCookie(name,value){document.cookie=name+"="+escape(value)+";path=/;expires="+expiry.toGMTString();}//thisshouldsettheUserNamecookietothepropervalu

javascript - 使用 React 和 Material UI 禁用自动填充表单

我正在尝试学习React和MaterialUI。我正在创建一个网络表单,到目前为止一切都很好,除了当页面加载时,chrome自动用以前存储的数据填充文本字段并且背景变为黄色。我怎样才能让它保持白色?我知道在普通的CSS中我会包含这段代码:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset;}但是考虑到我不一定有样式表,这就出现了问题。我到目前为止:constMyAwesomeReactComponent=React.createClass({constcontainerStyle={/*input:-webkit-

javascript - 在 React 中处理受控的表单组件更改

TLDR:在不违反React原则或忽略标准封装机会的情况下,React中的常见设计要求似乎是不可能的。我有一个表单可以显示来自服务器API的现有数据,并允许用户编辑字段并更新服务器上的数据。这在用户更改表单输入值时动态发生,而不是要求他们在每次编辑后“提交”表单。对于某些表单输入,值会立即更改(例如复选框、单选按钮、选择)。对于其他人来说,值(value)的变化是递增的——最明显的是文本输入。我不希望在每次击键时都请求服务器,因为这会导致为不完整的值生成服务器端验证错误。相反,一旦用户离开文本输入字段,服务器就会更新。如果值不变,发送服务器请求也是一种浪费。在React中,关键的设计原

javascript - 在 bootstrap 中,.pull-right 用于右对齐,.pull-left 用于左对齐,然后什么用于居中?

这个问题在这里已经有了答案:Inabootstrapresponsivepagehowtocenteradiv(18个答案)关闭6年前。在bootstrap中.pull-right用于右对齐.pull-left用于左对齐然后什么用于居中?

javascript - 是否可以在表单上以编程方式调用 Javascript 的 onsubmit 事件?

在RubyonRails中,我正在尝试更新innerHTML使用form_remote_tag的div标签helper。只要关联的选择标记收到onchange事件,就会发生此更新。问题是,;不起作用。document.forms[0].submit()也没有.使form_remote_tag中生成的onsubmit代码执行的唯一方法是创建一个隐藏的提交按钮,并从select标记调用该按钮的click方法。这是一个有效的ERb部分示例。product_path,:update=>'content',:method=>'get'do-%>'content'do-%>"this.form.c

javascript - 发现哪个表单按钮触发了提交

在我的表单中,我有两个提交按钮。现在,在将表单提交回服务器之前,我想根据单击的按钮执行特定任务。$('form').submit(function(){ifsubmitequalssavetask1;elseifsubmitequalssendtask2}如何检查按下了哪个按钮? 最佳答案 $(":submit").click(function(){$("form").data("submit-button",this.name);});$("form").submit(function(){varbutton=$(this).da

javascript - 在 keyCode == "enter"(13) 上提交表单

我需要在按下Enter键时提交表单内容,但前提是表单没有错误消息。我建立了以下功能:$(targetFormID).submit(function(e){varmess=error_m(targetDiv);if(e.keyCode==13&&mess.length>0){e.preventDefault();e.stopPropagation();}if(mess.length==0&&e.keyCode==13)$(targetFormID).submit();});在这个函数中,mess变量正在获取函数error_m返回的错误消息,其余是简单的代码条件,但它不起作用。需要一些帮助

javascript - jQuery Validation Plugin 停止表单提交,提交按钮不起作用

以下脚本使用jQuery验证插件-http://docs.jquery.com/Plugins/Validation-阻止发送此处找到的表单:http://www.bestcastleintown.co.uk/book2.php请填写表格并观察验证消息消失,然后尝试按发送,这似乎无法发送,我不明白为什么。删除此脚本后,联系表单将正常运行并允许发送。因此,我认为这是造成问题的原因。任何帮助或建议将不胜感激。jQuery.validator.setDefaults({debug:true,success:"valid"});;$(document).ready(function(){$("

javascript - 在 chrome javascript 控制台中触发表单提交

只是我一直想知道的一件小事:是否可以在任何网页上提交表单,而不是单击表单提交按钮,我想从chrome控制台(chrome中的ctrl+shift+j)提交?我已经尝试了几种方法,但我要么得到类似这样的错误Cannotusefunctionsubmitonundefined或HTMLtaghasnotfunctionsubmit.有什么帮助吗?PS-如果你去这里尝试通过控制台提交你右边的表格clickhere 最佳答案 form=document.getElementById("frm1")form.submit()在查看独立ifra